<template>
  <div class="nav-left">
    <el-row class="tac">
      <el-col :span="24">
        <el-menu
          default-active="productList"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          background-color="#676767"
          text-color="#fff"
          active-text-color="#fff"
          router
        >
          <el-menu-item index="productList" >
            <span slot="title">产品列表</span>
          </el-menu-item>
          <el-menu-item index="h5">
            <span slot="title">H5版本管理</span>
          </el-menu-item>
          <el-menu-item index="distributionNetworkList">
            <span slot="title">配网页面</span>
          </el-menu-item>
          <el-menu-item index="accountList">
            <span slot="title">账号管理</span>
          </el-menu-item>
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "navLeft",
  data() {
    return {};
  },
  methods: {
    handleOpen() {

    },
    handleClose() {

    }
  }
};
</script>

<style lang="less">
@import '../style/color.less';
.nav-left {
  .is-active{
    background-color: @themeColor !important;
  }
}
</style>